<template>
    <!--实现左侧侧边栏 -->
    <div class="row">
        <div class="list-group">
            <!-- <a href="#" class="list-group-item active">英雄列表</a>
            <a href="#" class="list-group-item">装备列表</a>
            <a href="#" class="list-group-item">技能列表</a> -->

            <router-link to="/hero" class="list-group-item">英雄列表</router-link >
            <router-link to="/zb" class="list-group-item">装备列表</router-link >
            <router-link to="/jn" class="list-group-item">技能列表</router-link >
        </div>
    </div>
</template>
<script>
export default {
    name: 'MyAside'
}
</script>
<style>
/*
    router-link-exact-active：当router-link的to与当前的路由匹配时，它会自动添加到a标签上
*/
    /* .list-group-item.router-link-exact-active,
    .list-group-item.router-link-exact-active:focus,
    .list-group-item.router-link-exact-active:hover
     {
        z-index: 2;
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;

    } */
</style>